<template>
    <div class="footer">
        <!-- <el-divider content-position="center">联 系 我 们</el-divider> -->
        <el-row :gutter="10" style="padding-top: 50px;">
          <el-col :span="6" >
              <el-image
                      style="width: 200px; height: 80px;padding-left: 280px;"
                      :src="src"
                      fit="fill"></el-image>
          </el-col>
            <el-col :span="6" :offset="6">
                <span style="font-family: Microsoft Yahei;font-size: 25px;color: #ffffff;font-weight: bold;">关于</span>
                <span style="font-family: Microsoft Yahei;font-size: 25px;color: #EE9900;font-weight: bold;padding-left: 10px;">我们</span>
                <p style="font-family: Microsoft Yahei;padding-top: 10px;">&nbsp;&nbsp;&nbsp;Voice Of Coffee</p>
                
            </el-col>

        </el-row>
        <el-divider content-position="center"><p style="font-family: Microsoft Yahei;font-size:15px;">关 于 本 站</p></el-divider>
        <el-row :gutter="10">
         <el-col :span="12" :offset="6">
             <p style="color: #EE9900;">汽车配件管理系统</p>
             <p>使用 java语言+SSM框架+MySQL数据库+vue框架开发,轻量简洁，用于线上管理汽车配件</p>
         </el-col>
        </el-row>
    </div>
</template>

<script>
  import logo_bottom from '../../assets/images/logo.png'
  export default {
    name: "TheFooter",
    data(){
      return{
        src:logo_bottom
      }
    }
  }
</script>

<style scoped>
.footer{
    height:250px;
    background-color: #303133;
    padding: 15px;
}
.el-col{
    text-align: center;
    color: #909399;
}
.el-divider__text{
    background-color: #E4E7ED;
}
</style>
